<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>完善资料-设置设置专业/科目</title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body><!-- class="sH" style="background: #373e49;"-->
    <div class="sH" style="background: #373e49;height: 100%">
        <div class="container pr" id="wrap" style="height: 100%">
            <div class="cm-wbg__bx phase-bx pa" id="phase-bx">
                <article class="mt20 mr20 mb20 pb10 ml20">
                    <div class="row">
                        <div class="col-sm-12">
                            <section class="col-sm-6 i-logoBanner">
                                <!--banner index begin-->
                                <div class="i-banner__wrap">
                                    <div class="">
                                        <div class="carousel slide carousel1" id="carousel1"  data-interval="3000">
                                            <ol class="carousel-indicators">
                                                <li th:if="!${#lists.isEmpty(advertList)}" th:each="advert,index : ${advertList}" th:classappend="${index.index}==0?'active':''" th:attrappend="data-slide-to=${index.index}" data-target="#carousel1"></li>
                                            </ol>
                                            <div class="carousel-inner">
                                                <img th:if="${#lists.isEmpty(advertList)}" th:src="@{{path}/front/mobile/v3/img/default/PC-register.jpg?v={v}(path=${staticPath},v=${v})}" alt="">
                                                <div th:if="!${#lists.isEmpty(advertList)}" th:each="advert,index : ${advertList}" th:classappend="${index.index}==0?'active':''" th:attrappend="data-slide-to=${index.index},data-type=${advert['redirectType']},data-page=${advert['newPage']},data-course=${advert['courseId']},data-url=${advert['pageUrl']}" th:style="'background:url('+${advert['imageMap']['url']}+') no-repeat 50% 50%;'" class="item hand"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <section class="col-sm-6" id="contentDiv">
                                <!--完善资料定制专业，开始-->
                                <section class="ml20 mr20" id="parent-to-this-box">
                                    <div class="mt20 pt10 mb20 pb10">
                                        <div class="tabs-container phase-tabs mt20 pt10">
                                            <ul class="nav nav-tabs text-center">
                                                <li class="active pb10">
                                                    <a>完善专业</a>
                                                    <p class="c-ccc fs14 mb20 pb10">请选择你要关注的考试 (最多选择<span class="c-info"> 1 </span>项)</p>
                                                </li>
                                            </ul>
                                            <div class="tab-content">
                                                <div class="tab-pane active">
                                                    <div class="panel-body">
                                                        <div class="mr20 ml20">
                                                            <section>
                                                                <div class="carousel slide carousel-class-member__wrap carousel-subject_wrap" id="carousel-professional">
                                                                    <div class="carousel-inner" id="parent-subject-list-box">
                                                                        <div class="item active">
                                                                            <ol>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业1</a></li>
                                                                                <li data-id="2"><a href="javascript:void(0);" class="regTxt" >专业2</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业3</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业4</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业5</a></li>
                                                                                <li data-id="2"><a href="javascript:void(0);" class="regTxt" >专业6</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业7</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业8</a></li>
                                                                            </ol>
                                                                        </div>
                                                                        <div class="item">
                                                                            <ol>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业9</a></li>
                                                                                <li data-id="2"><a href="javascript:void(0);" class="regTxt" >专业10</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业11</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业12</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业13</a></li>
                                                                                <li data-id="2"><a href="javascript:void(0);" class="regTxt" >专业14</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业15</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业16</a></li>
                                                                            </ol>
                                                                        </div>
                                                                    </div>
                                                                    <div class="slideBtn" id="switchBit">
                                                                        <a title="上一组" data-slide="prev" href="#carousel-professional" class="left carousel-control">
                                                                            <span class="fa fa-chevron-left"></span>
                                                                        </a>
                                                                        <a title="下一组" data-slide="next" href="#carousel-professional" class="right carousel-control">
                                                                            <span class="fa fa-chevron-right"></span>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </section>
                                                            <div class="mt20 pb10 mb20">
                                                                <button type="button" id="chooseSubject"  class="btn btn-lg btn-block btn-info unRadius fs16">下一步，选择科目</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                <!--选择科目，开始-->
                                <section class="ml20 mr20 hide" id="parent-to-child-box">
                                    <div class="mt20 pt10 mb20 pb10">
                                        <div class="tabs-container phase-tabs mt20 pt10">
                                            <ul class="nav nav-tabs text-center">
                                                <li class="active pb10">
                                                    <a>完善科目</a>
                                                    <p class="c-ccc fs14 mb20 pb10">请选择你要最感兴趣或者最想学的科目 (可以<span class="c-info">多选</span>哦)</p>
                                                </li>
                                            </ul>
                                            <div class="tab-content">
                                                <div class="tab-pane active">
                                                    <div class="panel-body">
                                                        <div class="mr20 ml20">
                                                            <span class="c-info hand ml10" ><i class="fa fa-arrow-left upBackTo">返回上一步</i></span>
                                                            <section>
                                                                <div class="carousel slide carousel-class-member__wrap carousel-subject_wrap" id="carousel-professional">
                                                                    <div class="carousel-inner" id="child-subject-list-box">
                                                                        <div class="item active">
                                                                            <ol>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >科目1</a></li>
                                                                                <li data-id="2"><a href="javascript:void(0);" class="regTxt" >科目1</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >科目1</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >科目1</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >科目1</a></li>
                                                                                <li data-id="2"><a href="javascript:void(0);" class="regTxt" >科目1</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >科目1</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >科目1</a></li>
                                                                            </ol>
                                                                        </div>
                                                                        <div class="item">
                                                                            <ol>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业9</a></li>
                                                                                <li data-id="2"><a href="javascript:void(0);" class="regTxt" >专业10</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业11</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业12</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业13</a></li>
                                                                                <li data-id="2"><a href="javascript:void(0);" class="regTxt" >专业14</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业15</a></li>
                                                                                <li data-id="1"><a href="javascript:void(0);" class="regTxt" >专业16</a></li>
                                                                            </ol>
                                                                        </div>
                                                                    </div>
                                                                    <div class="slideBtn" id="childSwitchBit">
                                                                        <a title="上一组" data-slide="prev" href="#carousel-professional" class="left carousel-control">
                                                                            <span class="fa fa-chevron-left"></span>
                                                                        </a>
                                                                        <a title="下一组" data-slide="next" href="#carousel-professional" class="right carousel-control">
                                                                            <span class="fa fa-chevron-right"></span>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </section>
                                                            <div class="mt20 pb10 mb20">
                                                                <button type="button" id="studyCenter"  class="btn btn-lg btn-block btn-info unRadius fs16">进入个人中心</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                <!--选择科目，结束-->
                                <!--完善资料定制专业，结束-->
                            </section>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </div>
    <script th:src="@{{path}/common/libs/jquery_1.11.1/jquery.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/common/libs/bootstrap/bootstrap.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/web/business/common/global.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/common/cookie/cookie-utils.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/common/libs/jquery.serializeJSON/jquery.serializejson.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/web/libs/plugins/layer/layer.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/opadvert/common-op-ad.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/login/get-ad-data.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/perfect/perfect-subject.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:inline="javascript" type="text/javascript">
        var staticPath =[[ ${staticPath}]];
        var baseloaction = [[${#httpServletRequest.getContextPath()}]];
        if(baseloaction=="/"){
            baseloaction="";
        }
        var key = [[${sessionId}]];
        var autoThirty = [[${autoThirty}]];
    </script>
</body>
</html>